HeaderMain.render - Code Metrics - JohanLe/me-app - Measure and Improve Code Quality continuously with Scrutinizer

HeaderMain.render A
last analyzed 2020-02-12 05:27 UTC

↳ Parent: HeaderMain

Complexity

Conditions

Size

Total Lines	15
Code Lines	13

Duplication

Lines	0
Ratio	0 %

Importance

Changes

Metric	Value
eloc	13
dl	0
loc	15
rs	9.75
c	0
b	0
f	0
cc	1

import React from 'react';
import Link from "./Link.js";

class HeaderMain extends React.Component {

    login(){
        if(localStorage.getItem('user') == "" || localStorage.getItem('user') == null){
            return <Link url="/login" text="Login" class="header_link"/>
        }
        return <Link url="/login" text="Logout" class="header_link"/>  
    }

    render() {
        return <header className="App-header">
            <div className="link_container">
                <Link exact url="/" text="Home" class="header_link"/>
                <Link url="/reports/week/1" text="Reports" class="header_link"/>
                <Link url="/register" text="Register" class="header_link"/>
                <Link url="/chat" text="Chat" class="header_link"/>
                {this.login()}
                {localStorage.getItem('user')}

                
                
            </div>
        </header>
    }
}

class HeaderReports extends React.Component {
    render() {
        return <div className="header_reports">
            <Link url="/reports/week/1" text="Week1" className="report_week_link"/>
            <Link url="/reports/week/2" text="Week2" className="report_week_link"/>
            <Link url="/reports/week/3" text="Week3" className="report_week_link"/>
            <Link url="/reports/week/4" text="Week4" className="report_week_link"/>
            <Link url="/reports/week/5" text="Week5" className="report_week_link"/>
            <Link url="/reports/week/6" text="Week6" className="report_week_link"/>
            <Link url="/reports/week/7" text="Week7" className="report_week_link"/>

            
        </div>
    }
}

export {
    HeaderMain, HeaderReports
}

1			import React from 'react';
2			import Link from "./Link.js";
3
4			class HeaderMain extends React.Component {
5
6			login(){
7			if(localStorage.getItem('user') == "" \|\| localStorage.getItem('user') == null){
8			return <Link url="/login" text="Login" class="header_link"/>
9			}
10			return <Link url="/login" text="Logout" class="header_link"/>
11			}
12
13			render() {
14			return <header className="App-header">
15			<div className="link_container">
16			<Link exact url="/" text="Home" class="header_link"/>
17			<Link url="/reports/week/1" text="Reports" class="header_link"/>
18			<Link url="/register" text="Register" class="header_link"/>
19			<Link url="/chat" text="Chat" class="header_link"/>
20			{this.login()}
21			{localStorage.getItem('user')}
22
23
24
25			</div>
26			</header>
27			}
28			}
29
30			class HeaderReports extends React.Component {
31			render() {
32			return <div className="header_reports">
33			<Link url="/reports/week/1" text="Week1" className="report_week_link"/>
34			<Link url="/reports/week/2" text="Week2" className="report_week_link"/>
35			<Link url="/reports/week/3" text="Week3" className="report_week_link"/>
36			<Link url="/reports/week/4" text="Week4" className="report_week_link"/>
37			<Link url="/reports/week/5" text="Week5" className="report_week_link"/>
38			<Link url="/reports/week/6" text="Week6" className="report_week_link"/>
39			<Link url="/reports/week/7" text="Week7" className="report_week_link"/>
40
41
42			</div>
43			}
44			}
45
46			export {
47			HeaderMain, HeaderReports
48			}

JohanLe / me-app

HeaderMain.render A last analyzed 2020-02-12 05:27 UTC

Complexity

Size

Duplication

Importance

Duplication Side-by-Side

Filter issues like

HeaderMain.render A
last analyzed 2020-02-12 05:27 UTC